<template>
  <div class="bottomBar">
      <router-link to="/home">
        <span class="iconfont icon-shouyefill"></span>
        <p>首页</p>
      </router-link>
      <router-link to="/shop">
        <span class="iconfont icon-shangcheng"></span>
        <p>商城</p>
      </router-link>
      <router-link to="/news">
        <span class="iconfont icon-24gl-newspapers"></span>
        <p>资讯</p>
      </router-link>
      <router-link to="/cart">
        <span class="iconfont icon-gouwuchekong"></span>
        <p>购物车</p>
      </router-link>
      <router-link to="/user">
        <span class="iconfont icon-wodewo"></span>
        <p>我的</p>
      </router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.bottomBar{
    width:100%;
    height:0.5rem;
    background-color: white;
    position: fixed;
    bottom:0;
    display: flex;
    box-sizing: border-box;
    padding-top:0.05rem
}
a{
    flex:1;
    font-size:0.14rem;
    text-align: center;
    /* line-height: 0.5rem; */
    text-decoration: none;
    color:black;
}
.iconfont{
    font-size:0.2rem
}
.router-link-active{
  color:#51b152;
}
</style>